<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>今日折扣</title>

    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css"
        integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
    <script src="https://code.jquery.com/jquery-3.4.1.slim.min.js"
        integrity="sha384-J6qa4849blE2+poT4WnyKhv5vZF5SrPo0iEjwBvKU7imGFAV0wwj1yYfoRSJoZ+n" crossorigin="anonymous">
    </script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.15.0/umd/popper.min.js"
        integrity="sha384-L2pyEeut/H3mtgCBaUNw7KWzp5n9+4pDQiExs933/5QfaTh8YStYFFkOzSoXjlTb" crossorigin="anonymous">
    </script>
    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"
        integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous">
    </script>
    <script src="js/jquery-3.4.1.min.js"></script>
    <link rel="stylesheet" href="css/bg.css">
    <link rel="stylesheet" href="css/otherstyle.css">

    <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
    <!-- 引入样式 -->
    <link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
    <!-- 引入组件库 -->
    <script src="https://unpkg.com/element-ui/lib/index.js"></script>
    <script src="js/other.js"></script>


    <style>
        .el-carousel__item:nth-child(n) {
            background: url(images/4.jpg);
            background-size: 100% 100%;
        }

        .el-carousel__item:nth-child(2n) {
            background: url(images/5.jpg);
            background-size: 100% 100%;
        }

        .el-carousel__item:nth-child(3n) {
            background: url(images/10.jpg);
            background-size: 100% 100%;
        }
        .d6{
            width: 100%;
            height: auto;
            text-align: center;
        }
        .d6 p{
            color:gray;
        }
        .d6>div>div{
            margin: 3%;
        }

/* ---HomePage--- */
.tags-links>a{
    color:white;
}
.tags-links>a:hover{
    color:#EC495E;
}
html a:hover{
    text-decoration: none;
}

a.btn:focus{outline: 0;}

.btn-skin {padding: 9px 20px;color: #fff;background-color: #ec495e;margin-bottom: 10px;font-weight: 400;}
.btn-skin i.fa{padding-left: 5px;}
.btn-skin:hover, .btn-skin:focus {color: #fff;background-color: #333;}



.box-content {padding: 70px 0;}
.box-content .heading{margin-bottom: 50px; text-align: center;}
.box-content .heading h2{font-family: 'Roboto', sans-serif; font-weight: 300;color: #2b2d3f;font-size: 28px;}
        /* ---Article--- */
article.single-post{padding-bottom: 0;}
article.single-post .wrap-post, .comments-are {padding:30px 20px; position: relative;}
article{background: #ffffff; color: #3F3F3F; margin: 50px 0;border-bottom: 1px solid #e1e1e1;padding-bottom: 50px;}
article:last-child{border-bottom: none;}
article:after, article:before{clear: both; content: '\0020'; display: block; visibility: hidden; width: 0; height: 0;}
article .post-thumbnail-wrap {text-align: center;width: 100%;margin-bottom: 10px;}
article .post-thumbnail-wrap img {}
article h2.entry-title{font-size: 35px;margin: 20px 0 10px;font-weight: 300;}
article h2.entry-title a{color: #131313;}
article h2.entry-title a:hover{color: #555}
article .l-tags{text-align: center; font-size: 11px;}

article .entry-header{margin-bottom: 30px;}
article.single-post .entry-header{margin-bottom: 60px;}
article.single-post .entry-header h1.entry-title{font-size: 43px;line-height: 30px;letter-spacing: 2px;font-weight: 300;margin: 0;text-transform: uppercase;margin-bottom: 40px;line-height: 1.1}
article.single-post .entry-header h1.entry-title a {color: #575756;margin: 0;}
article .entry-title-blog a:hover {color: #628d7c;}

article .entry-header .entry-meta{color: #777;font-size: 13px;}
article .entry-header .entry-meta a {color: #777;}
article .entry-header .entry-meta a:hover {color: #EC495E;}


article .entry-content{text-align: left;margin-top: 30px;}
article.single-post .entry-content{ padding: 40px 120px;}
@media(max-width:767px){
	article.single-post .entry-content{ padding: 30px;}
}

article .entry-content p{color: #686868;}
article .entry-content blockquote {border-left: 3px solid #1c7791;margin: 0 50px;font-style: italic;color: #666;padding-left: 20px;}
article .entry-content ol {float: left;text-align: justify;margin: 10px 50px;list-style-type: circle;}

.comments-are{border-top: 1px solid #e1e1e1;margin: 50px 0 ;}
.comments-are textarea {height:170px;}
.zoom-effect img{
    width: 100%;
    height: auto;
}

    </style>
</head>

<body>
    <header>
        <nav class="navbar navbar-expand-lg navbar-light">
            <a class="navbar-brand" href="index.html"><img src="images/logo.png" width="70%"></a>
            <button class="navbar-toggler type=" button data-toggle="collapse" data-target="#navbarSupportedContent"
                aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
                <span class="navbar-toggler-icon"></span>
            </button>
            <div class="collapse navbar-collapse" id="navbarSupportedContent">
                <ul class="nn navbar-nav mr-auto">
                    <li class="nav-item">
                        <a class="nav-link" href="#">今日折扣</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="photo.html">照片墙</a>
                    </li>
                    <li class="nav-item dropdown">
                        <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button"
                            data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                            菜单
                        </a>
                        <div class="dropdown-menu " aria-labelledby="navbarDropdown">
                            <a class="dropdown-item" href="#">饮品</a>
                            <a class="dropdown-item" href="#">糕点</a>
                            <a class="dropdown-item" href="#">小吃</a>
                        </div>
                    </li>
                </ul>
                <form class="form-inline my-2 my-lg-0" action="reaservation.html">
                    <button class="btn btn-outline-success my-2 my-sm-0" type="submit">预约</button>
                </form>
            </div>
        </nav>


        <div id="d1">
            <div class="col-md-12 text-center">
                <span>Today's Cake Discount</span>
                <h1>CHEAP</h1>
            </div>
        </div>
    </header>

    <section class="section6">
        <div class="h">
            <h1>Today's special food</h1>
        </div>
        <div class="row">
            <div class="col-md-2"></div>
            <div id="app" class="col-sm-12 col-md-8">
                <template>
                    <el-carousel :interval="2000" type="card" height=400px>
                        <el-carousel-item v-for="item in 3" :key="item">
                        </el-carousel-item>
                    </el-carousel>
                </template>
            </div>
            <div class="col-md-2"></div>
        </div>
        <br>
        <hr>
        <br>
        <div id="page-content">
		
            <div class="box-content">
                <div class="container">
                    <!-----------------Content-------------------->
                    <article>
                        <div class="wrap-post"><!--Start Box-->
                            <div class="entry-header">
                                <h2 class="entry-title"><a href="#">RETRO GALLERY: FRAGMENTING PERSISTENT FLIGHT AND PATHOLOGY</a></h2>
                                <span class="entry-meta">
                                    <ul class="list-inline link">
                                        <li>By <a href="#">BUSINESS</a></li>
                                        <li><a href="#">August, 22 2016</a></li>
                                        <li><a href="#">0 comments</a></li>
                                    </ul>
                                </span>
                            </div>
                            <div class="post-thumbnail-wrap">
                                <div class="portfolio-box zoom-effect">
                                    <img src="images/11.jpg" class="img-responsive" alt="">
                                </div>
                            </div>
                            <div class="entry-content">
                                <span class="tags-links">
                                    <a href="#" rel="tag">Hyperrealism</a>
                                    <a href="#" rel="tag">Landscapes</a>
                                    <a href="#" rel="tag">Nature</a>
                                    <a href="#" rel="tag">Nude</a>
                                    <a href="#" rel="tag">River Series</a>
                                    <a href="#" rel="tag">Urban</a>
                                </span>
                                <p>Figgis is a member of this unique, new wave of young underground artists bringing painting back to circulation this year. Quite honestly, we’re almost sure that this group’s art is the antidote to process-led abstraction that took serious hold in 2014. At 42 years old, Figgis is not a complete newbie though, but with her…</p>
                                <a class="btn btn-skin" href="#">Buy</a>
                            </div>
                        </div>
                    </article>
                    <article>
                        <div class="wrap-post"><!--Start Box-->
                            <div class="entry-header">
                                <h2 class="entry-title"><a href="#">RETRO GALLERY: FRAGMENTING PERSISTENT FLIGHT AND PATHOLOGY</a></h2>
                                <span class="entry-meta">
                                    <ul class="list-inline link">
                                        <li>By <a href="#">BUSINESS</a></li>
                                        <li><a href="#">August, 22 2016</a></li>
                                        <li><a href="#">0 comments</a></li>
                                    </ul>
                                </span>
                            </div>
                            <div class="post-thumbnail-wrap">
                                <div class="portfolio-box zoom-effect">
                                    <img src="images/12.jpg" class="img-responsive" alt="">
                                </div>
                            </div>
                            <div class="entry-content">
                                <span class="tags-links">
                                    <a href="#" rel="tag">Hyperrealism</a>
                                    <a href="#" rel="tag">Landscapes</a>
                                    <a href="#" rel="tag">Nature</a>
                                    <a href="#" rel="tag">Nude</a>
                                    <a href="#" rel="tag">River Series</a>
                                    <a href="#" rel="tag">Urban</a>
                                </span>
                                <p>Figgis is a member of this unique, new wave of young underground artists bringing painting back to circulation this year. Quite honestly, we’re almost sure that this group’s art is the antidote to process-led abstraction that took serious hold in 2014. At 42 years old, Figgis is not a complete newbie though, but with her…</p>
                                <a class="btn btn-skin" href="#">Buy</a>
                            </div>
                        </div>
                    </article>
                   
                </div>
            </div>
            
        </div>
    </section>




    <footer>
        <div class="f1">
            <div>
                <h6>关于中国</h6>
                <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;被视为亚洲地区重要地域大国，
                    也被视为潜在超级大国。是世界上人口最多的国家，
                    约有13.9亿人，同时也是一个多民族国家，共有已确认的民族56个，其中汉族人口占91.51%。
                    以普通话和规范汉字为国家通用语言文字，少数民族地区可使用自己民族的语言。
                </p>
                <br>
                <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;中国地势西高东低而呈现三级阶梯分布，
                    大部分地区属于温带、副热带季风气候，
                    地理景致与气候型态丰富多样，有冰川、丹霞、黄土、沙漠、喀斯特等多种地貌，
                    北方有干草原和荒漠，南方有热带雨林，西部和西南边境则有天山山脉、
                    喀喇昆仑山脉和喜马拉雅山脉。
                </p>
            </div>
            <div>
                <h6>最近的帖子</h6>
                <a href="#">&gt;&nbsp;强烈推荐大家去这家巧克力下午茶店</a>
                <hr>
                <a href="#">&gt;&nbsp;强烈推荐大家去这家巧克力下午茶店</a>
                <hr>
                <a href="#">&gt;&nbsp;强烈推荐大家去这家巧克力下午茶店</a>
                <hr>
                <a href="#">&gt;&nbsp;强烈推荐大家去这家巧克力下午茶店</a>
                <hr>

            </div>
            <div>
                <h6>我们的图片</h6>
                <img src="images/footer1.jpg" alt="">
                <img src="images/footer2.jpg" alt="">
                <img src="images/footer3.jpg" alt="">
                <img src="images/footer4.jpg" alt="">
                <img src="images/footer5.jpg" alt="">
                <img src="images/footer6.jpg" alt="">
                <img src="images/footer2.jpg" alt="">
                <img src="images/footer1.jpg" alt="">
                <img src="images/footer3.jpg" alt="">
            </div>
            <div>
                <h6>标签墙</h6>
                <a href="#">animals</a>
                <a href="#">cooking</a>
                <a href="#">countries</a>
                <a href="#">city</a>
                <a href="#">children</a>
                <a href="#">home</a>
                <a href="#">likes</a>
                <a href="#">photo</a>
                <a href="#">link</a>
                <a href="#">law</a>
                <a href="#">shopping</a>
                <a href="#">skate</a>
                <a href="#">scholl</a>
                <a href="#">video</a>
                <a href="#">travel</a>
                <a href="#">images</a>
                <a href="#">love</a>
                <a href="#">lists</a>
                <a href="#">makeup</a>
                <a href="#">media</a>
                <a href="#">password</a>
                <a href="#">pagination</a>
                <a href="#">wildlife</a>
            </div>
        </div>
        <div class="f2">Copyright © 2020 重庆师范大学北大青鸟 by-万锐</div>
    </footer>
    <script>
        new Vue().$mount('#app')
    </script>
</body>

</html>